<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/info.css">
    <link rel="stylesheet" href="/lib/font/iconfont.css">
    <link rel="stylesheet" href="/css/shopCar.css">
</head>
<body>
    <div id="header" style="z-index: 9999;"></div>

    <div id="shopCar">
        <div class="wrap">
            <div class="left carBox">
                
            </div>

        <script type="text/html" id="prodListTemplate">
            <h2>
                购物袋
                <span>5件商品</span>
                <em>
                    已选5件
                    <!-- <input type="checkbox" checked="{{checkAll}}" class="all"> -->
                    <div class="checkbox checkAll {{checkAll ? 'checked' : ''}}"></div>
                    全选
                </em>
            </h2>
            <ul class="shopCarProdList">
            {{each list item}}
            <li>
                <img src="{{item.image}}" alt="">
                <div class="goods-info">
                    <p>
                        {{item.title}}
                        <span>(男)</span>
                    </p>
                    <p class="price">¥{{item.price}}</p>
                    <ul>
                        <li class="count" prodId="{{item.id}}">
                            <input type="button" value="-" class="carReduceBtn">
                            <input type="text" value="{{item.count}}" class="carcountBox">
                            <input type="button" value="+" class="carAddBtn">
                            <p>总计：¥{{(item.price * item.count).toFixed(2)}}</p>
                        </li>
                    </ul>
                    <div class="options">
                        <span class="wishList">
                            <i class="iconfont icon-gerenzhongxin-wodexinyuandan"></i>
                            加入心愿单
                        </span>
                        <span class="delete">
                            <i class="iconfont icon-lajitong"></i>
                            删除
                        </span>
                        <!-- <input type="checkbox" checked="{{item.isChecked}}"> -->
                        <div class="checkbox checkAll {{item.isChecked ? 'checked' : ''}}"></div>
                    </div>
                </div>
                </li>
            {{/each}}
        </ul>
        </script>



            <div class="right">
                <div class="order-info">
                    <p class="title">订单信息</p>
                    <ul class="order-list">
                        <li class="allCount">
                            商品总量
                            <span>¥0</span>
                        </li>
                        <li>
                            运费
                            <span>+ ¥0</span>
                        </li>
                    </ul>
                    <p class="total-price">
                        总计
                        <span>¥<span>0</span></span>
                    </p>
                    <div class="btn">去结算</div>
                    <p class="pay-tips">
                        <i class="iconfont icon-zhifuchenggongcopy"></i>
                        支付安全保障 安全支付系统采用SSL加密
                    </p>
                </div>
            </div>
        </div>
    </div>



    <div id="info"></div>
    <div id="footer"></div>

    <script src="/lib/requirejs/require.js" data-main="/js/shopCar"></script>
    <!-- <script src="/lib/jquery/jquery.js"></script>
    <script>
        $('#header').load('/html/header.html')
        $('#info').load('/html/info.html')
        $('#footer').load('/html/footer.html')
    </script> -->
</body>
</html>